// pages/category/category.js
//引入接口
let {getNavList, getGoodsList} = require('../../api/categoryApi');
Page({

  /**
   * 页面的初始数据
   */
  data: {
    navList : [],//分类数据
    selIndex : 0,//当前选中分类下标
    goodsList : []//存放商品列表数据
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    this.getNavs();
  },
  //获取分类数据列表渲染页面
  getNavs() {
    getNavList().then(res => {
      console.log('分类数据获取：', res.data);
      if(res.data.code == 200) {
        //正确获取到数据
        this.setData({navList:res.data.data});
        // console.log(this.data.navList,999);
        this.getGoodList(this.data.navList[0].cid);//一进入页面，获取了分类之后，就马上获取第一个分类商品列表
      }
    })
  },
  //选中的nav就高亮
  selNav(ev) {
    console.log('传参',ev.target.dataset);
    let {index,cid} = ev.target.dataset;
    this.setData({selIndex:index});
    //点击一次就发送一次请求，获取商品数据列表
    this.getGoodList(cid);
  },
  //获取商品分类数据
  getGoodList(cid) {
    getGoodsList(cid).then(res => {
      console.log('商品列表数据：', res.data);
      if(res.data.code == 200) {
        //正确获取数据
        this.setData({goodsList:res.data.data});
      }
    });
  },
  //点击商品，跳转详情页
  jumpDetail(ev) {
    console.log('传参',ev.target.dataset);
    let {gid} = ev.target.dataset;//解构
    wx.navigateTo({
      url: '/pages/detail/detail?gid=' + gid,
    })
  }
  
})